<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 1.变量 -->
    <!-- 2.数据类型 
            number、string、null、boolean、undefined、object、function、symbol
    -->
    <!-- 3.数据类型的检测 
            typeof 检测基本数据类型
            instanceof 检测复杂数据类型
    -->
    <!-- 4.数据类型之间相互转换
            String();
            Number();
            Boolean();
            parseInt();
            parseFloat();
                隐式转换：- * / %
    -->
    <!-- 5.运算符  ++  -- -->
    <!-- 6.关系运算符
            && || ！
    -->
    <!-- 7.流程控制语句
        if...else
        swicth  case

        for

        while  do while
    -->
    <!-- 8.数组
            。。。。。
            push
            pop
            unshift
            shift
            slice
            join
            indexof
            lastindexof
            splice
            concat
            reverse
            sort
            tostring
            includes
            forEach
            map
            every
            some
            。。。
    -->
    <!-- 9.函数
        function
        参数：形参实参
        作用域 全局  函数作用域
        函数作为返回值
        函数作为参数
        高阶函数
    -->
    <!-- 10.对象
            字符串对象
            数组对象
            number对象
            构造函数
            new
            this
            Math
            Date
            RegExp
    -->
    <!-- 11.DOM
            根据条件获取元素
            innerHTML
            innerText
            appendChild
            removeChild
            insertBefore
            replaceChild
            createElement
            根据DOM节点层次关系获取元素
    -->
    <!-- 12.事件
        事件源，事件类型，处理程序
            鼠标事件
            。。。。
            键盘事件
            。。。
            表单事件
            。。
            窗口事件

            DOM事件流
            event.stopPropagation();
            event.preventDefault();

        鼠标坐标
            e.clientX
            e.clientY
        元素
            ele.offsetTop
            ele.offsetLeft
            ele.offsetWidth
            ele.offsetHeight
    -->

    <!-- 13.BOM 定时器 
        setTimeout() 超时定时器
        setInterval() 间歇定时器
        匀速动画
        缓慢动画
    -->
    <!-- 14.正则表达式 -->
</body>

</html>